<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>二手商城</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/m.css" />
		<link rel="stylesheet" href="css/thrift_shop.css" />
	</head>

	<body>
		<header>
			<div class="tophead">
				<div class="logo">
					<a href="#">世说新语</a>
				</div>
				<div id="mnav">
					<h2><span class="navicon"></span></h2>
					<ul>
						<li>
							<a href="#">网站首页</a>
						</li>
						<li>
							<a href="thrift_shop.html">二手商城</a>
						</li>
						<li>
							<a href="forum.html">论坛</a>
						</li>
						<li>
							<a href="endless_study.html">学无止境</a>
						</li>
						<li>
							<a href="#">注册</a>
						</li>
						<li>
							<a href="#">登录</a>
						</li>
					</ul>
				</div>
				<nav class="topnav" id="topnav">
					<ul>
						<li class="topnav_li user_function_li">
							<a class="topnav_a" href="#">
								<img src="img/a2.jpg" class="user_img" />
							</a>
							<div class="user_function_div">
								<div class="user_function_img_parent">
									<img src="img/a2.jpg" class="user_img" />
									<h3 class="user_name">行船全靠浪</h3>
								</div>
								<div>
									<ul class="user_function_ul">
										<li>
											<a href="#">个人中心</a>
										</li>
										<li>
											<a href="#">文章管理</a>
										</li>
										<li>
											<a href="#">贴文管理</a>
										</li>
										<li>
											<a href="#">商城管理</a>
										</li>
									</ul>
								</div>
								<a class="user_logout" href="#">安全退出</a>
							</div>
						</li>
						<li class="topnav_li">
							<a class="topnav_a" href="#">注册</a>
						</li>
						<li class="topnav_li">
							<a class="topnav_a" href="endless_study.html">学无止境</a>
						</li>
						<li class="topnav_li">
							<a class="topnav_a" href="forum.html">论坛</a>
						</li>
						<li class="topnav_li">
							<a class="topnav_a" href="thrift_shop.html">二手商城</a>
						</li>

						<li class="topnav_li">
							<a class="topnav_a" href="#">网站首页</a>
						</li>

					</ul>
				</nav>
			</div>
		</header>
		<section style="background: #FFFFFF;">
			<div class="shop_search">
				
				<div class="shop_search_div">
					<input type="text" placeholder="请输入您想要的商品名称" /><button>搜索</button>
				</div>
			</div>
		</section>
			
		<section id="shop">
			<div class="auto_pic">
				<ul class="auto_img">
					<li class="auto_img_active">
						<a href="#"><img src="img/bg.jpg" /></a>
					</li>
					<li>
						<a href="#"><img src="img/about.jpg" /> </a>
					</li>
					<li>
						<a href="#"><img src="img/b02.jpg" /> </a>
					</li>
					<li>
						<a href="#"><img src="img/b04.jpg" /> </a>
					</li>
					<li>
						<a href="#"><img src="img/b05.jpg" /> </a>
					</li>

				</ul>
				<div class="auto_mark">
					<span class="auto_mark_active"></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div>
			</div>
			<div class="shop_pro">
				<div class="shop_menu">
					<h2>商品分类</h2>
					<ul>
						<li>信息科学与技术学院</li>
						<li>自动化学院</li>
						<li>管理学院</li>
						<li>人文与社会科学学院</li>
						<li>何香凝艺术设计学院</li>
						<li>农业与生物学院</li>
						<li>园艺园林学院</li>
						<li>轻工食品学院</li>
						<li>动物科技学院</li>
						<li>经贸学院</li>
						<li>外国语学院</li>
						<li>机电工程学院</li>
						<li>化学化工学院</li>
						<li>环境科学与工程学院</li>
						<li>计算科学学院</li>
						<li>城乡建设学院</li>
						<li>马克思主义学院</li>
						<li>电器商品</li>
						<li>生活用品</li>
						<li>其他</li>
					</ul>
				</div>
				<div class="more_kinds">
					<div class="more_kinds_list" id="more_kinds_list">
						<div class="more_kinds_list_title">
							<span>大一</span>&nbsp;&nbsp;&gt;
						</div>
						<div class="more_kinds_list_product">
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>

							<a href="#">大学物理</a>
							<a href="#">大学物理</a>
							<a href="#">大学物理</a>

							<a href="#">大学物理</a>

						</div>
					</div>
					<div class="more_kinds_list">
						<div class="more_kinds_list_title">
							<span>大二</span>&nbsp;&nbsp;&gt;
						</div>
						<div class="more_kinds_list_product">
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
							<a href="#">高等数学</a>
						</div>
					</div>
					<div class="more_kinds_list">
						<div class="more_kinds_list_title">
							<span>大三</span>&nbsp;&nbsp;&gt;
						</div>
						<div class="more_kinds_list_product">
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
							<a href="#">勾股不定理</a>
						</div>
					</div>
					<div class="more_kinds_list">
						<div class="more_kinds_list_title">
							<span>大四</span>&nbsp;&nbsp;&gt;
						</div>
						<div class="more_kinds_list_product">
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
						</div>
					</div>
					<div class="more_kinds_list">
						<div class="more_kinds_list_title">
							<span>专业技能书</span>&nbsp;&nbsp;&gt;
						</div>
						<div class="more_kinds_list_product">
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
							<a href="#">不用上课了</a>
						</div>
					</div>

				</div>
			</div>

		</section>
		<section>
			<div class="show_logo">
				<img src="img/5b48c77aN851794d8.jpg" />
			</div>
			<div class="show_pro">
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/b04.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
			</div>
					<div class="show_pro">
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/b04.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
				<div class="product">
					<h3>高等数学</h3>
					<img src="img/about.jpg" />
					<p>￥<span>10</span></p>
					<P class="product_more"><a href="#">更多</a></P>
				</div>
			</div>
		</section>
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/thrift_shop.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
	</body>

</html>